<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/shouye.css" />
		<link rel="stylesheet" type="text/css" href="css/match.css"/>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			window.onload = function(){
			var title1 = document.getElementById("title1");
			var title2 = document.getElementById("title2");
			var contable1 = document.getElementById("contable1");
			var contable2 = document.getElementById("contable2");
			var txtcolor1 = document.getElementById("txtcolor1");
			var txtcolor2 = document.getElementById("txtcolor2");
			var txtcolor3 = document.getElementById("txtcolor3");
			var txtcolor4 = document.getElementById("txtcolor4");
			var line1 = document.getElementById("line1");
			var line2 = document.getElementById("line2");
			title1.onclick = function(){
				contable2.style.display = "none";
				txtcolor1.style.color = "#d35652";
				txtcolor2.style.color = "#d35652";
				txtcolor3.style.color = "#333333";
				txtcolor4.style.color = "#333333";
				contable1.style.display = "block";
				line1.style.display = "block";
				line2.style.display = "none";
			}
			title2.onclick = function(){
				contable1.style.display = "none";
				contable2.style.display = "block";
				txtcolor1.style.color = "#333333";
				txtcolor2.style.color = "#333333";
				txtcolor3.style.color = "#d35652";
				txtcolor4.style.color = "#d35652";
				line2.style.display = "block";
				line1.style.display = "none";
			}
			
			document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'huodong'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'huodong'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});

document.getElementById('my').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'my.html', 
id:'my'
});
});
			
		}
		</script>
		<header class="mui-bar mui-bar-nav">
			
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			
		</header>

		<div class="contenttitle">
			<a type="button" id="title1" >
				<div  class="titleleft">
					<p class="titlelefttop" id="txtcolor1">无限制机器人格斗大赛</p>
					<p class="titleleftbottom" id="txtcolor2">( FMB Championship)</p>
				</div>
			</a>
			<a type="button" id="title2">
				<div  class="titleright">
					<p class="titlerighttop" id="txtcolor3">无限制机器人格斗职业联赛</p>
					<p class="titlerughtbottom" id="txtcolor4">(Major League FMB)</p>
				</div>
			</a>
			<div id="line1" class="redline1">
				
			</div>
			<div id="line2" class="redline2">
				
			</div>
		</div>

		
		<div id="contable1" class="gametable1" style="display: block;">
			<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_1.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_2.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_1.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_2.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_1.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_2.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_1.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_2.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		</div>
		
		<div id="contable2" class="gametable2">
			<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_3.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_4.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_3.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_4.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_3.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_4.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		
		
		<div class="games">
				<div class="games_left">
					
					<div class="game_left_top">
						<img class="gameslogo1" src="images/tlogo_3.png" width="30px" height="30px"/>
					</div>
					<p class="teamname1">XXX战队</p>
					
					<div class="game_left_botm">
						<img class="gameslogo2" src="images/tlogo_4.png" width="30px" height="30xp"/>
						
					</div>
					<p class="teamname2">XXX战队</p>
				</div>
				
				<div class="win">
	    			<p>胜</p>
	    		</div>
	    		<div class="lose">
	    			<p>负</p>
	    		</div>
				
				<div class="games_time">
					<p>5月30日</p>
					
				</div>
			</div>
		</div>
		
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong" class="mui-tab-item" href="tab-webview-subpage-chat.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="tab-webview-subpage-contact.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				<a id="my" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_5.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>	
		</div>	
		
	</body>

</html>